<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
        <link rel="stylesheet" href="css/ui-box.css">
        <link rel="stylesheet" href="css/ui-base.css">
        <link rel="stylesheet" href="css/ui-color.css">
        <link rel="stylesheet" href="css/appcan.icon.css">
        <link rel="stylesheet" href="css/appcan.control.css">
    </head>
    <body class="um-vp bc-bg" ontouchstart>
        
        <!--header开始-->
            <div id="header" class="uh bc-text-head ub bc-head">
              <div class="nav-btn" id="nav-left">
                  <div class="fa fa-home ulev2"></div>
              </div>
              <h1 class="ut ub-f1 ulev-3 ut-s tx-c" tabindex="0">滁州学院新生网</h1>
              <div class="nav-btn" id="nav-right">
              </div>
            </div>
            <!--header结束-->
  
    <!-- 轮播图片  -->
    <div id="slider" class="slider">
    </div>
    
    <!-- 新闻 -->
    <div id="listview1"  class="ubt bc-border umar-at1 c-wh  uinn-a8">
    </div>
     <div id="listview2"  class="ubt bc-border umar-at1 c-wh  uinn-a8">
    </div>
     <div id="listview3"  class="ubt bc-border umar-at1 c-wh  uinn-a8">
    </div>
     <div id="listview4"  class="ubt bc-border umar-at1 c-wh  uinn-a8">
    </div>
     <div id="listview5"  class="ubt bc-border umar-at1 c-wh  uinn-a8">
    </div>
        
        
        
        <script src="js/appcan.js"></script>
        <script src="js/appcan.control.js"></script>
        <script src="js/appcan.listview.js"></script>
        <script src="js/appcan.slider.js"></script>
 </body>
    <script>


        appcan.ready(function() {
            appcan.initBounce();
            
            
        })
        
        appcan.button(".btn", "ani-act", function() {
        /*添加按钮点击处理代码*/
        console.log(this.id);
 
        })
        
        appcan.button(".nav-btn", "btn-act", function() {
            appcan.window.close(-1);
        })
        
        

       //轮播图片js
       var slider = appcan.slider({
          selector : '#slider',
          aspectRatio:6/16,
          hasLabel:true,
          index:0
        });
        slider.set([{
            img : "img/1.jpg",
            label:""
        }, {
            img : "img/2.jpg",
            label:""
        }, {
            img : "img/3.jpg",
            label:""
        }, {
            img : "img/4.jpg",
            label:""
        }, {
            img : "img/2.jpg",
            label:""
        }])
        slider.on("clickItem",function(index,data){
        })
        
        
        // 新闻展示
        var lv1 = appcan.listview({
            selector : "#listview1",
            type : "thickLine",
            hasIcon : true,
            hasAngle : true,
            hasSubTitle : true,
            multiLine : 1,
        });
        lv1.set([{
            title : "关于做好2016年大学生征兵工作的通知",
            describe:"",
            note:"2016.4.21",
            icon:"img/2.png",
            id:"1",
            
        }])
        lv1.on("click",function(ele,obj,curEle){
            appcan.window.open({
                name:"one",
                data:"news/one.html",
                aniId:"6"
            });
        
        });
        
        /*--------------------------------------*/
       var lv2 = appcan.listview({
            selector : "#listview2",
            type : "thickLine",
            hasIcon : true,
            hasAngle : true,
            hasSubTitle : true,
            multiLine : 1,
        });
        lv2.set([{
            title : "关于做好2016年大学生征兵工作的通知",
            describe:"",
            note:"2016.4.21",
            icon:"img/2.png",
            id:"1",
            
        }])
        lv2.on("click",function(ele,obj,curEle){
            appcan.window.open({
                name:"one",
                data:"news/one.html",
                aniId:"6"
            });
        
        });
        /*--------------------------------------*/
        var lv3 = appcan.listview({
            selector : "#listview3",
            type : "thickLine",
            hasIcon : true,
            hasAngle : true,
            hasSubTitle : true,
            multiLine : 1,
        });
        lv3.set([{
            title : "关于做好2016年大学生征兵工作的通知",
            describe:"",
            note:"2016.4.21",
            icon:"img/2.png",
            id:"1",
            
        }])
        lv3.on("click",function(ele,obj,curEle){
            appcan.window.open({
                name:"one",
                data:"news/one.html",
                aniId:"6"
            });
        
        });
            /*--------------------------------------*/
        var lv4 = appcan.listview({
            selector : "#listview4",
            type : "thickLine",
            hasIcon : true,
            hasAngle : true,
            hasSubTitle : true,
            multiLine : 1,
        });
        lv4.set([{
            title : "关于做好2016年大学生征兵工作的通知",
            describe:"",
            note:"2016.4.21",
            icon:"img/2.png",
            id:"1",
            
        }])
        lv4.on("click",function(ele,obj,curEle){
            appcan.window.open({
                name:"one",
                data:"news/one.html",
                aniId:"6"
            });
        
        });
        /*--------------------------------------*/
        var lv5 = appcan.listview({
            selector : "#listview5",
            type : "thickLine",
            hasIcon : true,
            hasAngle : true,
            hasSubTitle : true,
            multiLine : 1,
        });
        lv5.set([{
            title : "关于做好2016年大学生征兵工作的通知",
            describe:"",
            note:"2016.4.21",
            icon:"img/2.png",
            id:"1",
            
        }])
        lv5.on("click",function(ele,obj,curEle){
            appcan.window.open({
                name:"one",
                data:"news/one.html",
                aniId:"6"
            });
        
        });
        
        
        
        
 </script>
</html>
